    <template>
  <div class="hello">
    <Storehedar></Storehedar>
    <div class="logoImg">
      <p class="lOgin_search">
        <input type="text" name="" value="" />
        <span>
             搜索
          </span>
      </p>
    </div>
    <div class="contents_list">
      <div class="cont_banner">
        <img src="../assets/商品列表_03333.png"/>
      </div>
      <table class="table_aa"  border="1" cellspacing="0" cellpadding="0">
        <tr height="50">
          <td width="178">家装主材</td>
          <td width="1018">
            <span>吊灯</span>
            <span>壁灯</span>
            <span>吸顶灯</span>
            <span>台灯</span>
            <span>吊灯</span>
            <span>壁灯</span>
            <span>吸顶灯</span>
            <span>台灯</span>
          </td>
        </tr>
        <tr height="100">
          <td width="178">品牌</td>
          <td width="1018">
            <span>吊灯</span>
            <span>阿迪达斯(345)</span>
            <span> 耐克(138)</span>
            <span>阿迪休闲(149)</span>
            <span>阿迪三叶草(118)</span>
            <span>彪马(175)</span>
            <span>匡威(74)</span>
            <span>New Balance(9)</span>
            <span>鬼冢虎(15)</span>
            <span>锐步(12)</span>
            <span>特步(124)</span>
            <span>亚瑟士(9)</span>
            <span>MLB(22)</span>
            <span>鸿星尔克(77)</span>
            <span>匹克(106)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
            <span>必迈(26)</span>
          </td>
        </tr>
        <tr height="50">
          <td width="178">类型</td>
          <td width="1018">
            <span>LED</span>
            <span>白炽灯</span>
            <span>白炽灯</span>
            <span>节能灯</span>
            <span>荧光灯</span>
            <span>卤钨灯</span>
            <span>高压汞灯</span>
          </td>
        </tr>
        <tr height="50">
          <td width="178">空间</td>
          <td width="1018">
            <span>玄关</span>
            <span>厨卫</span>
            <span>儿童房</span>
            <span>书房</span>
            <span>过道</span>
            <span>室内</span>
            <span>餐厅</span>
            <span>卧室</span>
            <span>客厅</span>
          </td>
        </tr>
        <tr height="50">
          <td width="178">风格</td>
          <td width="1018">
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>欧美风格</span>
            <span>古典风格</span>
          </td>
        </tr>
        <tr height="50">
          <td width="178">照射面积</td>
          <td width="1018">
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
            <span>1M<sup>2</sup>~2M<sup>2</sup></span>
          </td>
        </tr>
        <tr height="50">
          <td width="178">价格</td>
          <td width="1018">
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元</span>
            <span>99元 ~ 999</span>
          </td>
        </tr>
      </table>
      <!--筛选条-->
      <div class="screening">
        <p>
          <span>综合</span>
          <span>销量</span>
          <span>价格</span>
          <span>评论数</span>
          <span>上架时间</span>
        </p>
        <p></p>
      </div>
      <!--商品列表-->
      <div class="goods_list">
        <ul>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
        </ul>
      </div>
      <div class="pages_a">
        <div class="block">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page.sync="currentPage3"
            :page-size="100"
            layout="prev, pager, next, jumper"
            :total="1000">
          </el-pagination>
        </div>

      </div>
      <!--猜你喜欢-->
      <div class="guess_you_like">
        <p class="guess_you_like_p"><span>猜你喜欢</span>您关注的分类 ：电视柜 书柜 客厅套装 定制衣柜 儿童房套装 餐厅套装</p>
        <ul>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
          <li>
            <img src="../assets/12345_03.png"/>
            <p style="color:red;">￥799</p>
            <p>【赛文】欧式古典 欧式吊灯客厅灯欧式吊灯客厅灯欧式吊灯客厅灯欧式</p>
            <p>已售:<span>200</span>评论:<span>200</span></p>
          </li>
        </ul>
      </div>

    </div>
    <Footers></Footers>
  </div>

</template>

<script>
  import Footers from'@/components/Footers'
  import Bton from'@/components/Bton'
  import Storehedar from'@/components/Storehedar'
  export default {
    data () {
      return {
        currentPage3: 5
      }
    },
    methods: {
      handleSizeChange(val) {
//        console.log(`每页 ${val} 条`);
      },
      handleCurrentChange(val) {
//        console.log(`当前页: ${val}`);
      }
    },
    components:{
      Footers,
      Bton,
      Storehedar
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .logoImg{
    width:100%;
    height:120px;
    background:url(../assets/logobig.png) no-repeat left top;
    overflow: hidden;
  }
  .logoImg .lOgin_search{
    width:490px;
    height:38px;
    margin:40px 0 0 282px;
  }
  .logoImg .lOgin_search input{
    width:410px;
    height:38px;
    background: #eaeaea;
    float:left;

  }
  .logoImg .lOgin_search span{
    width:80px;
    height:38px;
    line-height: 38px;
    background:#88abda;
    float:left;
    color:#eff4fa;
  }
  .logoImg .lOgin_search span:hover{
    cursor: pointer;
  }
  .contents_list{
    width:1200px;
    min-height:2000px;
    overflow: hidden;
    margin:0 auto;
  }
  .cont_banner{
    widht:1200px;
    height:366px;
  }
  .cont_banner img{
    width:100%;
    height:100%;
  }
  .table_aa{
    width:100%;
    border:1px solid #a0a0a0;
    margin:20px auto 34px;
  }
  .table_aa tr{
    border:1px solid #a0a0a0;
  }
  .table_aa td{
    border:1px solid #a0a0a0;

  }
  .table_aa td:nth-child(2){
    text-align: left;

  }
  .table_aa td:nth-child(2) span{
    display: inline-block;
    margin-left: -3px;
    padding:0 20px;
    height:30px;
    line-height:30px;
  }
  .screening{
    width:1200px;
    height:65px;
    margin:0 auto;
    background:#eeeeee;
  }
  .screening p{
    height:34px;
    width:100%;

  }
  .screening p:nth-child(1){
    width:98%;
    border-bottom:1px solid #e5e5e5;
    padding-left:2%;

  }
  .screening p:nth-child(2){
    background: url("../assets/商品列表_03.png") no-repeat top left;
  }
  .screening p:nth-child(1) span{
    float:left;
    width:60px;
    height:18px;
    margin-top:8px;
    border:1px solid #e5e5e5;
  }
  .goods_list{
    width:1200px;
    height:1960px;
    margin:0 auto;
  }
  .goods_list ul{
    width:100%;
    height:100%;
  }
  .goods_list ul li{
    width:283px;
    height:308px;
    float:left;
    margin:16px 20px 0 0;
    border:1px solid #b5b5b5;
  }
  .goods_list ul li:nth-child(4n){
    margin-right:0;
  }
  .goods_list ul li img{
    width:259px;
    height:200px;
    margin-top:12px;
  }
  .goods_list ul li p{
    width:259px;
    line-height: 23px;
    height:auto;
    margin:0 auto;
    text-align: left;
    font-weight: bold;
  }
  .goods_list ul li p span{
    padding-right: 33px;
  }
  .pages_a{
    width:1200px;
    height:90px;
    margin:0 auto;
    padding-top:50px;
  }
  .guess_you_like{
    width:1200px;
    height:400px;
    margin:0 auto;
  }
  .guess_you_like_p{
    text-align: left;
    line-height: 20px;
  }
  .guess_you_like_p span{
    margin-right:60px;
    font-size: 16px;
  }
  .guess_you_like ul{
    width:100%;
    height:380px;
  }
  .guess_you_like ul li{
    width:283px;
    height:308px;
    float:left;
    margin:16px 20px 0 0;
    border:1px solid #b5b5b5;
  }
  .guess_you_like ul li:nth-child(4n){
    margin-right:0;
  }
  .guess_you_like ul li img{
    width:259px;
    height:200px;
    margin-top:12px;
  }
  .guess_you_like ul li p{
    width:259px;
    line-height: 23px;
    height:auto;
    margin:0 auto;
    text-align: left;
    font-weight: bold;
  }
  .guess_you_like ul li p span{
    padding-right: 33px;
  }
</style>
